import 'package:flutter/material.dart';
import 'package:flutter_saixiaoli/routes.dart';

class Selected extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.all(12),
      child: Column(
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Container(
                child: Text(
                  '精选游记',
                  style: TextStyle(
                      fontSize: 16, color: Color.fromRGBO(34, 34, 34, 1)),
                ),
              ),
              Container(
                child: Icon(Icons.keyboard_arrow_right_outlined),
              )
            ],
          ),
          Container(
            margin: EdgeInsets.only(top: 20),
            child: SingleChildScrollView(
              scrollDirection: Axis.horizontal,
              child: Row(
                children: [
                  GestureDetector(
                    onTap: () {
                      Navigator.pushNamed(context, Routes.selectedDetail);
                    },
                    child: Container(
                      width: 300,
                      height: 110,
                      margin: EdgeInsets.only(right: 10),
                      //  padding: EdgeInsets.all(15),
                      padding: EdgeInsets.only(top: 10),
                      decoration: BoxDecoration(boxShadow: [
                        BoxShadow(
                            color: Color.fromRGBO(204, 204, 204, 0.3),
                            offset: Offset(1.0, 16.0),
                            blurRadius: 5.0,
                            spreadRadius: 2.0)
                      ], color: Colors.white),
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.spaceAround,
                        children: [
                          Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            mainAxisAlignment: MainAxisAlignment.center,
                            children: [
                              Container(
                                width: 130,
                                child: Wrap(
                                  children: [
                                    Text(
                                      '徽杭古道4日游 ，驴友 徒步+景点路线',
                                      style: TextStyle(fontSize: 13),
                                    )
                                  ],
                                ),
                              ),
                              Container(
                                margin: EdgeInsets.only(top: 5),
                                child: Text(
                                  '爱拼才会赢',
                                  style: TextStyle(
                                      fontSize: 12,
                                      color: Color.fromRGBO(48, 112, 255, 1)),
                                ),
                              ),
                              Container(
                                margin: EdgeInsets.only(top: 5),
                                child: Text(
                                  '2020-11-06',
                                  style: TextStyle(
                                      fontSize: 12,
                                      color: Color.fromRGBO(136, 136, 136, 1)),
                                ),
                              )
                            ],
                          ),
                          Container(
                            width: 130,
                            height: 80,
                            color: Colors.greenAccent,
                          )
                        ],
                      ),
                    ),
                  ),
                  Container(
                    width: 300,
                    height: 110,
                    //  padding: EdgeInsets.all(15),
                    padding: EdgeInsets.only(top: 10),
                    decoration: BoxDecoration(boxShadow: [
                      BoxShadow(
                          color: Color.fromRGBO(204, 204, 204, 0.3),
                          offset: Offset(1.0, 16.0),
                          blurRadius: 5.0,
                          spreadRadius: 2.0)
                    ], color: Colors.white),
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.spaceAround,
                      children: [
                        Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: [
                            Container(
                              width: 130,
                              child: Wrap(
                                children: [
                                  Text(
                                    '徽杭古道4日游 ，驴友 徒步+景点路线',
                                    style: TextStyle(fontSize: 13),
                                  )
                                ],
                              ),
                            ),
                            Container(
                              margin: EdgeInsets.only(top: 5),
                              child: Text(
                                '爱拼才会赢',
                                style: TextStyle(
                                    fontSize: 12,
                                    color: Color.fromRGBO(48, 112, 255, 1)),
                              ),
                            ),
                            Container(
                              margin: EdgeInsets.only(top: 5),
                              child: Text(
                                '2020-11-06',
                                style: TextStyle(
                                    fontSize: 12,
                                    color: Color.fromRGBO(136, 136, 136, 1)),
                              ),
                            )
                          ],
                        ),
                        Container(
                          width: 130,
                          height: 80,
                          color: Colors.greenAccent,
                        )
                      ],
                    ),
                  ),
                ],
              ),
            ),
          )
        ],
      ),
    );
  }
}
